<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://cdn.jsdelivr.net/npm/echarts@5.4.1/dist/echarts.min.js"></script>

    <!-- 
        通常使用在把控以及数据范围的检测
     -->
</head>
<body>
    <div style="width: 600px;height: 400px;"></div>
</body>
<script>
    var mEcharts = echarts.init(document.querySelector("div"))
    // 要有定义各个纬度的最大范围值
  
    var option ={
       series:[
        {
            type:'gauge',
            data:[
                {
                    value:97,
                    itemStyle:{//可以修改指针的颜色
                        color:'pink'
                    }
                },//每一个对象就代表一个指针
                // { //多个指针，如果有多个对象就会有多个指针
                //     value:85
                // }
            ],
            min:50 //min 和 max 用来控制仪表盘的范围
        }
       ]
       
    }
    mEcharts.setOption(option)   
  
</script>
</html>